<!DOCTYPE HTML>
<html>

	<head>
		<title>主页</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<link href="css/bootstrap.css" rel='stylesheet' type='text/css' media="all" />
		<link href="css/style.css" rel='stylesheet' type='text/css' media="all" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<script src="js/jquery-1.8.3.min.js"></script>
		<script src="js/modernizr.custom.js"></script>
		<link href="css/component.css" rel="stylesheet" type="text/css" />		
		<script type="text/javascript" src="js/move-top.js"></script>		
		<script type="text/javascript" src="js/easing.js"></script>
		<script src="js/jquery1.11.3.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>	
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event) {
					event.preventDefault();
					$('html,body').animate({
						scrollTop: $(this.hash).offset().top
					}, 1000);
				});
			});
		</script>
	</head>

	<body class="cbp-spmenu-push">
		<div class="header-section">
		<nav class="navbar navbar-default">
		  <div class="container-fluid">
		    <div class="navbar-header">
		       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
			        <span class="sr-only">Toggle navigation</span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
		       </button>
		    </div>
		    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		      <ul class="nav navbar-nav ">
		      	<li><a href="" class="navbar-brand"><img src="images/logo.png" height="22px" width="90px"/></a></li>
		        <li class="active"><a href="index.html">主页<span class="sr-only">(current)</span></a></li>
		        <li><a href="menu.html">菜单价格<span class="sr-only">(current)</span></a></li>
		        <li><a href="events.html">翻折菜单<span class="sr-only">(current)</span></a></li>
		        <li><a href="gallery.html">平铺菜单<span class="sr-only">(current)</span></a></li>
		
		      </ul>     
		      <!--注册-->
		      <div id="modal-1" class="modal">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
						<h4 class="modal-title">注册</h4>
						</div>
						<div class="modal-body">
							<div class="form-group">
								<label>用户名:</label>
								<input type="text" name="uname" class="form-control" value="" />
							</div>
							<div class="form-group">
								<label>密码:</label>
								<input type="passwrod" name="passwrod" class="form-control" value="" />
							</div>
							<div class="form-group">
								<label>确认密码:</label>
								<input type="passwrod" name="passwrod1" class="form-control" value="" />
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default">注册</button>
							<button type="button" class="btn btn-primary">登录</button>
						</div>
					</div>
				</div>
			</div>
			<button style="margin: 10px;" id="btn-1" class="btn btn-default" data-toggle="modal" data-target="#modal-1">注册</button>
		      <!--登录-->
		      <div id="modal-2" class="modal">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
						<h4 class="modal-title">登录</h4>
						</div>
						<div class="modal-body">
							<div class="form-group">
								<label>用户名:</label>
								<input type="text" name="uname" class="form-control" value="" />
							</div>
							<div class="form-group">
								<label>密码:</label>
								<input type="passwrod" name="passwrod" class="form-control" value="" />
							</div>
							
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default">注册</button>
							<button type="button" class="btn btn-primary">登录</button>
						</div>
					</div>
				</div>
			</div>
			<button style="margin: 10px;" id="btn-2" class="btn btn-default" data-toggle="modal" data-target="#modal-2">登录</button>
		    	</div>
		 	 </div>
		</nav>
					<div class="header-logo">
						<a href="index.html"><img src="images/logo.png" alt="" /></a>
					</div>
				
					<div class="clearfix"> </div>
					<div class="header-grids">
						<div class="col-md-4 header-grid-info">
							<a href="index.html">
								<div class="header-grid gray">
									<div class="header-grid-img gray-grid">
										<img src="images/2.jpg" alt="">
										<h3>汉堡</h3>
										<p>最早的汉堡包主要由两片小圆面包夹一块牛肉肉饼组成，在第二层中涂以番茄酱，再夹入蔬菜，就可以同时吃到主副食
										</p>
									</div>
								</div>
							</a>
						</div>
						<div class="col-md-4 header-grid-info">
							<a href="index.html">
								<div class="header-grid">
									<div class="header-grid-img">
										<img src="images/3.jpg" alt="">
										<h3>烧烤</h3>
										<p>烧烤可能是人类最原始的烹调方式，是以燃料加热和干燥空气，并把食物放置于热干空气中一个比较接近热源的位置来加热食物
										</p>
									</div>
								</div>
							</a>
						</div>
						<div class="col-md-4 header-grid-info">
							<a href="index.html">
								<div class="header-grid blue">
									<div class="header-grid-img blue-grid">
										<img src="images/1.jpg" alt="">
										<h3>披萨</h3>
										<p>原味薄饼、马苏里拉芝士、意面酱或番茄酱、洋葱、蘑菇、青红椒、罐装金枪鱼及任何其他自己喜欢的食材都可以
										</p>
									</div>
								</div>
							</a>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
			</div>
		</div>
		<!--/header-->
		<div class="copyrights">Collect from
		</div>
		<div id="Welcome">
			<div class="container">
				<div class="wecome-main">
					<div class=" col-md-6 wecome-text">
						<h1>排骨炖胡萝卜</h1>
						<span>排骨炖萝卜是一款家常汤品，主要食材是萝卜和排骨，
							主要烹饪工艺是炖。萝卜含有丰富的蛋白质、碳水化合物、钙、铁和维生素等;
							排骨能补充蛋白质和钙，既可平衡营养，又能强身健体
						</span>
						<p>
							1.将排骨洗净，剁成小块，放入开水中焯一下，捞出控水:萝卜去皮洗净，切成滚刀块。
							2.锅里热油，放入葱花和姜丝炒香，再加入适量的水，排骨、料酒和盐，适当加点醋，用大火烧开后改用小火炖熟
							3.最后放入萝卜块，用小火炖至熟烂，加入少许鸡精即可
						</p>
					</div>
					<div class="col-md-6 wecome-img">
						<img src="images/wel-img.jpg" alt="">
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
		<div class="featured-section">
			<div class="container">
				<h2>更多了解</h2>
				<div class="featured-main">
					<div class=" col-md-3 feature-text">
						<img src="images/f1.jpg" alt="">
						<div class="feature-text-grids">
							<div class="feature-text-left">
								<img src="images/7.png" alt="" />
							</div>
							<div class="feature-text-right">
								<h3>香炸牛肉块</h3>
								<p>味道香浓、外焦里嫩、口感丰富、营养全面</p>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div class=" col-md-3 feature-text">
						<img src="images/f2.jpg" alt="">
						<div class="feature-text-grids">
							<div class="feature-text-left">
								<img src="images/13.png" alt="" />
							</div>
							<div class="feature-text-right">
								<h3>炖排骨</h3>
								<p>能促进胃肠蠕动，增加食欲，帮助消化</p>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div class=" col-md-3 feature-text">
						<img src="images/f3.jpg" alt="">
						<div class="feature-text-grids">
							<div class="feature-text-left">
								<img src="images/25.png" alt="" />
							</div>
							<div class="feature-text-right">
								<h3>汉堡包</h3>
								<p>更突出食材本身的味道，蔬菜也更丰富</p>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div class=" col-md-3 feature-accord">
						<ul class="topic_grid">
							<li class="list1">
								<h3 class="m_3">详细介绍</span></h3>
								<div class="clear5"></div>
							</li>
						</ul>
						<div class="menu_vertical">
							<section class="accordation_menu">
								<div>
									<input id="label-1" name="lida" type="radio" checked/>
									<label for="label-1" id="item1"><i class="ferme"> </i><span class="m_5">香炸牛肉块</span><i class="icon-plus-sign i-right1"></i><i class="icon-minus-sign i-right2"></i></label>
									<div class="content" id="a1">
										<ul class="news_list">
											<li class="date_desc">
												<p>
													牛柳,葱、姜、蒜,盐、料酒、酱油、淀粉、食用油
												</p>
											</li>
											<div class="clearfix"> </div>
										</ul>
									</div>
								</div>
								<div>
									<input id="label-2" name="lida" type="radio" />
									<label for="label-2" id="item2"><i class="icon-leaf" id="i2"></i>炖排骨<i class="icon-plus-sign i-right1"></i><i class="icon-minus-sign i-right2"></i></label>
									<div class="content" id="a2">
										<ul class="news_list">
											<li class="date_desc">
												<p>
													排骨，胡萝卜，葱，姜，盐，生抽
												</p>
											</li>
											<div class="clearfix"> </div>
										</ul>
									</div>
								</div>
								<div>
									<input id="label-3" name="lida" type="radio" />
									<label for="label-3" id="item3"><i class="icon-trophy" id="i3"></i>汉堡包<i class="icon-plus-sign i-right1"></i><i class="icon-minus-sign i-right2"></i></label>
									<div class="content" id="a3">
										<ul class="news_list">
											<li class="date_desc">
												<p>
													圆面包，生菜，番茄，黄瓜，洋葱，鸡肉，盐水方腿，午餐肉，色拉酱
												</p>
											</li>
											<div class="clearfix"> </div>
										</ul>
									</div>
								</div>
							</section>
						</div>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
		<div class="testimonials" id="testimonials">
		</div>

	<div id="bottom" class="panel-footer">
		<p style="text-align: center;">
			Copyright ? 2018.Company name All rights reserved.More Templates
			<img src="images/footer-icons.png"/>			
		</p>		
	</div>
	</body>

</html>